<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    第五单元
    <p>这是一个段落</p>
    <p>这也是一个段落</p>
    <div>这是一个通用分组</div>
    <div>这也是一个通用分组</div>
    <blockquote>这是一个大段引自他出内容</blockquote>
    <blockquote>这也是一个大段引自他出内容</blockquote>
    <pre>
        fdgdgfdgd
        sdfsdfsdfsdfsdfds
                 efwsefewf
    </pre>
    <hr>
    <ul>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
        <li>马六</li>
    </ul>
    <ol>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
        <li>马六</li>
    </ol>
    <li value="7">王五</li>
    <dl>
        <dt>这是一份文件</dt>
        <dd>这里是这份文件的详细内容1</dd>
        <dd>这里是这份文件的详细内容2</dd>
    </dl>
    <figure>
        <figcaption>这是一张图</figcaption>
        <img src="1.jpg">
    </figure>
    第六单元
    <table border="1">
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>未婚</td>
        </tr>
        <tr>
        <td>李四</td>
        <td>女</td>
        <td>已婚</td>
    </tr>
    </table>
    <table border="1" style="widows: 300px;">
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>未婚</td>
        </tr>
        <tr>
        <td>李四</td>
        <td>女</td>
        <td>已婚</td>
    </tr>
    </table>
    <thead>
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>婚姻</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="3">统计：共两名</td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>未婚</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>女</td>
            <td>已婚</td>
        </tr>
    </tbody>
    <caption>只是一个人物表</caption>
    <colgroup span="2" style="background:red;"></colgroup>
    <colgroup>
    <col>
    <col style="background:red;" span="1">
</colgroup>
第七章
<header>
    这里部分一般是网页头部，包括logo，标题，导航等内容
</header>
<footer>
    这里是页面的尾部，一般包括：版权声明，友情链接等内容
</footer>
<h1>标题部分</h1>
<h2></h2>
<h3></h3>
<h4>小标题部分</h4>
<h5></h5>
<h6></h6>
<hgroup>
    <h1>标题部分</h1>
    <h4>小标题部分</h4>
</hgroup>
<section>
    这里一般是存放文档主题内容
</section>
<nav>这里是存放文档的导航</nav>
<article>
    <header>
        这里部分一般是网页头部，包括logo，标题，导航等内容
        <nav>这里是存放文档的导航</nav>
    </header>
    <section>这里一般是存放文档主题内容</section>
    <footer>这里是页面的尾部，一般包括：版权声明，友情链接等内容</footer>
</article>
<aside>这里是一个注释</aside>
第八章
<img src="1.jpg">
<a href="index.html">
    <img src="1.jpg" width="339" height="229" alt="风景图" ismap>
</a>
<img src="1.jpg" width="339" height="229" alt="风景图" usemap="Map">
<map name="Map">
    <area shape="rect" coords="31,112,100" 
    href="http://www.baidu.com" target="_blank" alt="方形">
    <area shape="rect" coords="187,142,47" 
    href="http://www.google.com" target="_blank" alt="圆形">
    <area shape="rect" coords="287,26,240,66,308,112" 
    href="http://www.baidu.com" target="_blank" alt="多边形">
</map>
<a href="index.html" target="in">index</a>
<a href="http://www.baidu.com" target="in">百度</a>
<iframe src="http://www.ycku.com" width="600" height="500"
name="in" frameborder="0"></iframe>
<progress value="30" max="100"></progress>
<meter value="90" min="10" low="40" max="100" high="80"
optimum="60"></meter>
</body>
</html>